// 设置公共的样式
// 定义划分的份数
@no: 15;
// 定义尺寸大小
@size320: 320px;
@size360: 360px;
@size375: 375px;
@size384: 384px;
@size400: 400px;
@size414: 414px;
@size424: 424px;
@size480: 480px;
@size540: 540px;
@size720: 720px;
@size750: 750px;

// 如果是在pc页面打开 限制设置死
html {
  font-size: 50px;
  // 设置移动web按钮点击高光为透明
  -webkit-tap-highlight-color: transparent;
}

// 去除a标签下划线
a {
  text-decoration: none !important;
}

// 设置常见的屏幕尺寸大小 修改里面的html文字大小
// 小于320的就按照320尺寸来
@media screen and (max-width: @size320) {
  html {
    font-size: @size320 / @no;
  }
}

// 1. 320px
@media screen and (min-width: @size320) {
  html {
    font-size: @size320 / @no;
  }
}

// 2. 360px
@media screen and (min-width: @size360) {
  html {
    font-size: @size360 / @no;
  }
}

// 3. 375 * 648 iphone
@media screen and (min-width: @size375) {
  html {
    font-size: @size375 / @no;
  }
}

// 4. 384
@media screen and (min-width: @size384) {
  html {
    font-size: @size384 / @no;
  }
}

// 5. 400
@media screen and (min-width: @size400) {
  html {
    font-size: @size400 / @no;
  }
}

// 6. 414
@media screen and (min-width: @size414) {
  html {
    font-size: @size414 / @no;
  }
}

// 7. 424
@media screen and (min-width: @size424) {
  html {
    font-size: @size424 / @no;
  }
}

// 8. 480
@media screen and (min-width: @size480) {
  html {
    font-size: @size480 / @no;
  }
}

// 9. 540
@media screen and (min-width: @size540) {
  html {
    font-size: @size540 / @no;
  }
}

// 10. 720
@media screen and (min-width: @size720) {
  html {
    font-size: @size720 / @no;
  }
}

// 11. 750
@media screen and (min-width: @size750) {
  html {
    font-size: @size750 / @no;
  }
}